<script type="text/javascript">
{literal}
function checkMessageSize() {
	if (document.getElementById('bericht').reactie.value.length > 350) { 
		alert("Je berichtje mag maximaal 350 tekens bevatten. (Nu: " + document.getElementById('bericht').reactie.value.length);
		document.getElementById('bericht').reactie.focus();
		return false;
	} else {
		return true;
	}
}
{/literal}
</script>

<table class="table_main" border="0">
	<tr>
		<td class="tekst" width="500" style="text-align:left; vertical-align: top">
			<h1>Persoonlijk</h1>
			<p>&nbsp;</p>
			{access module="reviews" option="plaatsreactie"}
			<h2>Berichtje op Rijlesplanner plaatsen</h2>
			<p>Instructeur bedanken? Geslaagd? Plaats een berichtje in het online gastenboek!</p>
			<form id="bericht" method="post" action="{$REQUEST_URI}" enctype="multipart/form-data" onsubmit="return checkMessageSize()">
				<table cellspacing="0" cellpadding="3" border="0">
					<tr>
						<td>Onderwerp:</td>
						<td><input type="text" name="onderwerp" style="width: 400px" maxlength="15"/></td>
					</tr>
					<tr>
						<td>Reactie:</td>
						<td><textarea name="reactie" style="width: 400px; height: 200px;" ></textarea></td>
					</tr>
					<tr>
						<td colspan="2">
							<input type="hidden" name="module" value="{$module}" />
							<input type="hidden" name="action" value="plaatsreactie" />
							<br /><input type="submit" value="Plaats reactie" />
						</td>
					</tr>
				</table>
			</form>
			<p>&nbsp;</p>
			{/access}
			<h2>Berichten</h2>
			{* display pagination header *}
		    Berichten {$paginate.first}-{$paginate.last} van totaal {$paginate.total} worden weergegeven.
		
		    {* display results *}
			<table cellpadding="10" cellspacing="0" border="0" width="700">
		    	{section name=re loop=$reacties}
		    	{if $smarty.section.re.index%2 == 0}
		    		<tr style="align:left">
		    	{/if}
					<td style="width:50%" align="center">
						<div class="commentaar">
							<div class="commentaar_foto_achtergrond">
								<div class="commentaar_foto">
								{assign var='leerlingimg' value=$reacties[re]->getLeerlingAfbeelding()}
								{if $leerlingimg|count_characters eq 69}
								{assign var='leerlingimg' value=$default_leerling_photo}
								{/if}
								<img src="{$leerlingimg}" alt="{$reacties[re]->getLeerlingnaam()}" height="60" width="60" /> 
								</div>
							</div>
							<a class="commentaar_h1" href="{$siteURL}/reviews/?method=modal&afbeelding={$leerlingimg|escape:'url'}&onderwerp={$reacties[re]->getOnderwerp()}&bericht={$reacties[re]->getReactie()|nl2br}&persoon={$reacties[re]->getLeerlingnaam()}&plaats={$reacties[re]->getLeerlingplaats()}"  title="{$reacties[re]->getOnderwerp()}" rel="gb_page_center[350,350]">{$reacties[re]->getOnderwerp()|stripslashes}</a>
								<div class="commentaar_p">{$reacties[re]->getReactie()|stripslashes|truncate:60:"...":true}</div>
								<div class="commentaar_from">{$reacties[re]->getLeerlingnaam()|stripslashes}{if $reacties[re]->getLeerlingplaats()|count_characters > 0} uit {$reacties[re]->getLeerlingplaats()|stripslashes}{/if}</div>
						</div>			
					</td>
		    	{if ($smarty.section.re.index+1)%2 == 0}
		    		</tr>
		    	{/if}
		    	{/section}
		    	</tr>
		    </table>
		    {* display pagination info *}
		    {paginate_prev id="reacties"} {paginate_middle id="reacties"} {paginate_next id="reacties"}
		
		    <p>&nbsp;</p>
		    <p>&nbsp;</p>
			
		</td>
	</tr>
</table>